<template>
    <section>
        <p>64 verify 消息条 snackbars</p>
    <div class="text-center">
      <v-btn
        color="red-darken-2"
        @click="snackbar = true"
      >
        Open Snackbar
      </v-btn>
  
      <v-snackbar
        v-model="snackbar"
        multi-line
      >
        {{ text }}
  
        <template v-slot:actions>
          <v-btn
            color="red"
            variant="text"
            @click="snackbar = false"
          >
            Close
          </v-btn>
        </template>
      </v-snackbar>
    </div>
</section>
  </template>
  <script>
    export default {
      data: () => ({
        snackbar: false,
        text: `I am a multi-line snackbar.\nI can have more than one line. This is another line that is quite long.`,
      }),
    }
  </script>